.qh-picker-box{
    // background-color: gray;
    position: fixed;
    // bottom: 100%;
    left: 0;
    right: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
   border: 2px solid gray;
   overflow: hidden;
    &-header{
        display: flex;
       
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        height: 88px;
        line-height: 88px;
        padding: 24px 30px;
        
        &-btn{
         color: black;
        }
        &-btn-ok{
          color: red;
        }
    }
    &-content{
        position: relative;
        max-height: 512px;
        height: 512px;
        display: flex;
        flex-direction: row;
        overflow: hidden;
       
    }
    &-mask{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        pointer-events: none;
        display: flex;
        flex-direction: column;
        &-top{
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);
            flex: 1;  
        }
        &-middle{
            border-top: 1px solid rgba(22, 24, 35, .12);
            border-bottom:1px solid rgba(22, 24, 35, .12);
            height: 96px;
        }
        &-bottom{
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);
            flex: 1;  
        }
    }
  

}